<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="static/styles/reset.css" />
    <link rel="stylesheet" type="text/css" href="static/styles/common.css" />
    <link rel="stylesheet" type="text/css" href="static/styles/leave.css" />
    <script src="static/scripts/rem.js" type="text/javascript" charset="utf-8"></script>
    <script src="static/scripts/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <title>请假申请</title>
</head>

<body>
    <div class="body body_gray" id="app">
        <div id="header" class="fixed blue">
        	<a href="javascript:history.go(-1);" class="header_back">
        		<img src="static/images/nav_back.png"/>
        	</a>
            <h1 class="title">请假申请</h1>
            <div class="header_btn_right"></div>
        </div>
        <div class="page_body">
           <form action="" class="md_form">
           		<div class="item md_cell">
					<div class="md_cell-wrapper">
						<div class="md_cell-title">
							<span><i class="must_star">*</i> 请假事由</span>
						</div>
						<div class="md_cell-value">
							
						</div>
					</div>
					<div class="mt5" style="padding-bottom: 5px;">
						<textarea class="md_textarea" rows="5" style="border: 0;"></textarea>
					</div>
				</div>
				
				<div class="item md_cell">
					<div class="md_cell-wrapper">
						<div class="md_cell-title">
							<span>开始时间</span>
						</div>
						<div class="md_cell-value weui-cell__bd" style="direction: rtl;">
							<input type="date" v-model="form.startTime" style="opacity: 0;"/>
							<span class="fake_value"  v-if="form.startTime"  v-text="form.startTime"></span>
							<span v-else class="fake_text">
								<img class="arrow_right_icon"  src="static/images/home_button_rightarrow.png"/>
								<span>请选择</span> 
							</span>
						</div>
					</div>
					<div class="md_cell-wrapper noborder">
						<div class="md_cell-title">
							<span>结束时间</span>
						</div>
						<div class="md_cell-value weui-cell__bd" style="direction: rtl;">
							<input type="date" v-model="form.endTime" style="opacity: 0;"/>
							<span class="fake_value"  v-if="form.endTime"  v-text="form.endTime"></span>
							<span v-else class="fake_text">
								<img class="arrow_right_icon"  src="static/images/home_button_rightarrow.png"/>
								<span>请选择</span> 
							</span>
							
						</div>
					</div>
				</div>
				
				<div class="submitBtn">
					<button class="btn btn-block btn-blue">确认申请</button>
				</div>
           </form>
        </div>
    </div>
	
	<script type="text/javascript">
		new Vue({
			el:'#app',
			data:{
				form:{
					startTime:'',
					endTime:''
				},
			},
			methods:{
				
			}
		})
	</script>
</body>

</html>